import newpng from "../../../../imgs/new.png";
import hotpng from "../../../../imgs/hot.png";

export default class NavViewItem extends React.Component {
    render() {
        const { item, index,isActive } = this.props;

        const { navigationName, url } = item;
        return (
            <div
                onClick={()=>{
                    window.open(url);
                }}
                className={index == 0 ? `nav-view-item-1` : (isActive? "nav-view-item-3":"nav-view-item-2")}
            >
                <p className={isActive? "nav-view-item-p1":"nav-view-item-p"}>{navigationName}</p>
                {item.isLog==1 && (
                    <img src={newpng} alt="" className={"nav-view-item-img"} />
                )}
            </div>
        );
    }
}
